<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:pe="http://primefaces.org/ui/extensions">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Cadastro de Formulário | Eletronorte</title>
        <h:outputStylesheet library="css" name="style.css" />
        <h:outputScript library="js" name="locale-primefaces.js" />
        <link rel="icon" href="#{request.contextPath}/_img/favicon.ico" type="image/ico" />
    </h:head>

    <h:body>
        <div id="interface">
            <table id="table-header" cellpadding="0" cellspacing="0">
                <!-- TOPO -->
                <tr>
                    <td><ui:include src="/pages/template/header.xhtml" /></td>
                </tr>

                <!--  MENU -->
                <tr>
                    <td><ui:include src="/pages/protected/admin/menu.xhtml" /></td>
                </tr>
            </table>

            <h1>CADASTRO DE FORMULÁRIO</h1>
            <h2>
                <font class="campoObrigatorio">* Campo Obrigatório!</font>
            </h2>

            <h:form id="form1" enctype="multipart/form-data" style="padding-bottom:10px">

                <p:growl id="campoObrigatorio" life="4000" showDetail="false"
                         rendered="#{facesContext.validationFailed == true}" />
                <p:growl for="sucesso" id="sucesso" life="4000" showDetail="true" />
                <p:growl for="atencao" id="atencao" life="4000" showDetail="true" />

                <p:tabView id="tabView">
                    <p:tab id="tab_informacoes_gerais" title="Informações Gerais">
                        <p:panelGrid style="width:100%">
                            <p:row>
                                <p:column style="text-align:right;width:30%">
                                    <h:outputLabel for="data" value="Data: *" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:calendar id="data" value="#{formularioBean.formulario.dataFormulario}"
                                                pattern="dd/MM/yyyy" requiredMessage="Campo Data Obrigatório!"
                                                locale="pt" required="true" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="tecnico" value="Técnico Responsável: *" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:autoComplete var="tecnico" id="tecnico" value="#{formularioBean.formulario.tecnico}"
                                                    completeMethod="#{formularioBean.completeTecnico}" size="65" forceSelection="true"
                                                    itemLabel="#{tecnico.nome}" itemValue="#{tecnico}" converter="tecnicoConverter"
                                                    required="true" requiredMessage="Campo Técnico Obrigatório!"
                                                    onfocus="this.setSelectionRange(0, this.value.length)" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="desembarque" value="Ponto de desembarque:" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:inputText id="desembarque" value="#{formularioBean.formulario.pesca.pontoDesembarque}"
                                                 label="Ponto de desembarque" size="65" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="dataChegada" value="Data da chegada: *" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:calendar id="dataChegada"
                                                pattern="dd/MM/yyyy" value="#{formularioBean.formulario.pesca.dataChegada}"
                                                requiredMessage="Campo Data da Chegada Obrigatório!"
                                                locale="pt" required="true" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="dataSaida" value="Data da saída: *" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:calendar id="dataSaida"
                                                pattern="dd/MM/yyyy" value="#{formularioBean.formulario.pesca.dataSaida}"
                                                requiredMessage="Campo Data da Saída Obrigatório!"
                                                locale="pt" required="true" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="tempoPesca" value="Tempo de pesca (horas):" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="tempoPesca" maxValue="99"
                                                    value="#{formularioBean.formulario.pesca.tempoPesca}"
                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                    symbol=" h" symbolPosition="s" onfocus="if(this.value === '0 h') value = ''">
                                    </pe:inputNumber>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="pescador" value="Nome do pescador: *" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:autoComplete id="pescador" var="pescador" value="#{formularioBean.formulario.pescador}"
                                                    completeMethod="#{formularioBean.completePescador}" 
                                                    itemLabel="#{pescador.nome}" itemValue="#{pescador}" 
                                                    size="65" forceSelection="true" converter="pescadorConverter"
                                                    required="true" requiredMessage="Campo Pescador Obrigatório!"
                                                    onfocus="this.setSelectionRange(0, this.value.length)" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="numeroPescadores" value="Número de pescadores:" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="numeroPescadores" maxValue="99"
                                                    value="#{formularioBean.formulario.pesca.numPescadores}"
                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                    onfocus="if(this.value === '0') value = ''">
                                    </pe:inputNumber>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="tipoEmbarcacao" value="Tipo de embarcação: *" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:selectOneMenu id="tipoEmbarcacao" converter="embarcacaoConverter"
                                                     value="#{formularioBean.formulario.pesca.embarcacao}"
                                                     required="true" requiredMessage="Campo Tipo de Embarcação Obrigatório!">
                                        <f:selectItem itemLabel="Selecione" itemValue="vazio" noSelectionOption="true" />
                                        <f:selectItems
                                            value="#{formularioBean.getListaEmbarcacoes()}"
                                            var="embarcacao" itemLabel="#{embarcacao.tipoEmbarcacao}"
                                            itemValue="#{embarcacao}" />
                                    </p:selectOneMenu>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="numeroCanoas" value="Número de canoas:" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="numeroCanoas" maxValue="100"
                                                    value="#{formularioBean.formulario.pesca.numCanoas}"
                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                    onfocus="if(this.value === '0') value = ''" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column rowspan="2" style="text-align:right">
                                    <h:outputLabel for="localPesca" value="Local de pesca: *" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:inputText id="localPesca" value="#{formularioBean.formulario.pesca.local.nome}"
                                                 label="Local de pesca" size="65" required="true"
                                                 requiredMessage="Campo Local de Pesca Obrigatório!" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:left">
                                    <p:selectOneRadio id="tipoAguas" value="#{formularioBean.formulario.tipoAguas}"
                                                      required="true" requiredMessage="Campo Local de Pesca Obrigatório!">
                                        <f:selectItem itemLabel="Montante" itemValue="Montante" />
                                        <f:selectItem itemLabel="Jusante" itemValue="Jusante" />
                                        <f:selectItem itemLabel="Reservatório" itemValue="Reservatório" />
                                        <f:selectItem itemLabel="Rio" itemValue="Rio" />
                                        <f:selectItem itemLabel="Lagoa" itemValue="Lagoa" />
                                    </p:selectOneRadio>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="habitat" value="Habitat: *" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:selectOneRadio id="habitat" layout="grid" columns="3"
                                                      value="#{formularioBean.formulario.habitat}"
                                                      converter="habitatConverter"
                                                      required="true" requiredMessage="Campo Habitat Obrigatório!">
                                        <f:selectItems
                                            value="#{formularioBean.getListaHabitat()}"
                                            var="habitat" itemLabel="#{habitat.habitat}"
                                            itemValue="#{habitat}" />
                                    </p:selectOneRadio>
                                </p:column>
                            </p:row>
                        </p:panelGrid>
                    </p:tab>

                    <p:tab id="tab_pesca" title="Pesca">
                        <p:panelGrid style="width:100%">
                            <p:row>
                                <p:column style="text-align:right;width:30%">
                                    <h:outputLabel for="horario" value="Horário: *" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:selectOneRadio id="horario" value="#{formularioBean.formulario.horario}"
                                                      required="true" requiredMessage="Campo Horário Obrigatório!">
                                        <f:selectItem itemLabel="Dia" itemValue="Dia" />
                                        <f:selectItem itemLabel="Noite" itemValue="Noite" />
                                        <f:selectItem itemLabel="Dia e Noite" itemValue="Dia e Noite" />
                                    </p:selectOneRadio>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="profundidadeLocal" value="Profundidade local (m):" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="profundidadeLocal" maxValue="1000"
                                                    value="#{formularioBean.formulario.pesca.profundidadeLocal}"
                                                    decimalPlaces="1" decimalSeparator="," thousandSeparator="."
                                                    symbol=" m" symbolPosition="s" onfocus="if(this.value === '0,0 m') value = ''">
                                    </pe:inputNumber>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="profundidadePesca" value="Profundidade da pesca (m):" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="profundidadePesca" maxValue="1000"
                                                    value="#{formularioBean.formulario.pesca.profundidadePesca}"
                                                    decimalPlaces="1" decimalSeparator="," thousandSeparator="."
                                                    symbol=" m" symbolPosition="s" onfocus="if(this.value === '0,0 m') value = ''">
                                    </pe:inputNumber>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="numeroCaixasPeixes" value="Número de caixas de peixes:" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="numeroCaixasPeixes" maxValue="1000"
                                                    value="#{formularioBean.formulario.pesca.numCaixaPeixes}"
                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                    onfocus="if(this.value === '0') value = ''">
                                    </pe:inputNumber>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="gelo" value="Gelo (Kg):" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="gelo" maxValue="1000"
                                                    value="#{formularioBean.formulario.pesca.kgGelo}"
                                                    decimalPlaces="1" decimalSeparator="," thousandSeparator="."
                                                    symbol=" Kg" symbolPosition="s" onfocus="if(this.value === '0,0 Kg') value = ''">
                                    </pe:inputNumber>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="precoGelo" value="Preço do gelo (R$):" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="precoGelo" maxValue="100"
                                                    value="#{formularioBean.formulario.pesca.precoGelo}"
                                                    decimalPlaces="2" decimalSeparator="," thousandSeparator="."
                                                    symbol="R$ " onfocus="if(this.value === 'R$ 0,00') value = ''">
                                    </pe:inputNumber>
                                </p:column>
                            </p:row>
                        </p:panelGrid>
                    </p:tab>

                    <p:tab id="tab_petrechos" title="Petrechos de Pesca">
                        <p:panelGrid id="panel_petrechos" style="width:100%">
                            <p:row>
                                <p:column style="text-align:right;width:30%">
                                    <h:outputLabel for="petrechos" value="Petrechos:" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:selectOneRadio id="petrechos" layout="grid" columns="3"
                                                value="#{formularioBean.formulario.petrechoAssociativa.petrecho}"
                                                converter="petrechoConverter">
                                        <f:selectItems value="#{formularioBean.getListaPetrecho()}"
                                                var="petrecho" itemLabel="#{petrecho.tipoPetrecho}"
                                                itemValue="#{petrecho}" />
                                        <p:ajax update="armadilhas panel_petrechos" event="change"
                                                listener="#{formularioBean.petrechoChangeListener}" />
                                    </p:selectOneRadio>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="quantidade" value="Quantidade:"
                                            rendered="#{formularioBean.renderedAtributosPetrecho or
                                                    formularioBean.formulario.petrechoAssociativa.petrecho != null}" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="quantidade" maxValue="100"
                                            value="#{formularioBean.formulario.petrechoAssociativa.quantidade}"
                                            decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                            onfocus="if(this.value === '0') value = ''"
                                            rendered="#{formularioBean.renderedAtributosPetrecho or
                                                    formularioBean.formulario.petrechoAssociativa.petrecho != null}" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="comprimento" value="Comprimento (m):"
                                            rendered="#{formularioBean.renderedAtributosPetrecho or
                                                    formularioBean.formulario.petrechoAssociativa.petrecho != null}" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="comprimento" maxValue="100"
                                            value="#{formularioBean.formulario.petrechoAssociativa.comprimento}"
                                            decimalPlaces="1" decimalSeparator="," thousandSeparator="."
                                            symbol=" m" symbolPosition="s" onfocus="if(this.value === '0,0 m') value = ''"
                                            rendered="#{formularioBean.renderedAtributosPetrecho or
                                                    formularioBean.formulario.petrechoAssociativa.petrecho != null}" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="altura" value="Altura (m):"
                                            rendered="#{formularioBean.renderedAtributosPetrecho or
                                                    formularioBean.formulario.petrechoAssociativa.petrecho != null}" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="altura" maxValue="100"
                                            value="#{formularioBean.formulario.petrechoAssociativa.altura}"
                                            decimalPlaces="1" decimalSeparator="," thousandSeparator="."
                                            symbol=" m" symbolPosition="s" onfocus="if(this.value === '0,0 m') value = ''"
                                            rendered="#{formularioBean.renderedAtributosPetrecho or
                                                    formularioBean.formulario.petrechoAssociativa.petrecho != null}" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="tamanhoMalha" value="Tamanho da malha:"
                                            rendered="#{formularioBean.renderedAtributosPetrecho or
                                                    formularioBean.formulario.petrechoAssociativa.petrecho != null}" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="tamanhoMalha" maxValue="100"
                                            value="#{formularioBean.formulario.petrechoAssociativa.tamanhoMalha}"
                                            decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                            onfocus="if(this.value === '0') value = ''"
                                            rendered="#{formularioBean.renderedAtributosPetrecho or
                                                    formularioBean.formulario.petrechoAssociativa.petrecho != null}" />
                                </p:column>
                            </p:row>
                        </p:panelGrid>

                        <p:panelGrid id="armadilhas" style="width:100%;margin-top:20px">
                            <f:facet name="header">
                                <p:row>
                                    <p:column colspan = "2" styleClass = "ui-widget-header">
                                        Armadilhas
                                    </p:column>
                                </p:row>
                            </f:facet>
                            <p:row>
                                <p:column style="text-align:right;width:30%">
                                    <h:outputLabel for="armadilha" value="Armadilha:" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:selectOneMenu id="armadilha" converter="armadilhaConverter"
                                                     value="#{formularioBean.formulario.armadilhaAssociativa.armadilha}">
                                        <f:selectItem itemLabel="------- Selecione -------" itemValue="vazio" noSelectionOption="true"/>
                                        <f:selectItems value="#{formularioBean.getListaArmadilhas()}"
                                                       var="armadilha" itemLabel="#{armadilha.tipoArmadilha}"
                                                       itemValue="#{armadilha}" />
                                        <p:ajax update="armadilhas panel_petrechos" event="change"
                                                listener="#{formularioBean.armadilhaChangeListener}" />
                                    </p:selectOneMenu>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="quantidadeArmadilha" value="Quantidade: "
                                                   rendered="#{formularioBean.renderedArmadilhaQuantidade or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha != null}" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="quantidadeArmadilha" maxValue="1000"
                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                    value="#{formularioBean.formulario.armadilhaAssociativa.quantidade}"
                                                    rendered="#{formularioBean.renderedArmadilhaQuantidade or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha != null}"
                                                    onfocus="if(this.value === '0') value = ''" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="descricaoArmadilha" value="Descrição: "
                                                   rendered="#{formularioBean.renderedArmadilhaDescricao or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Mais de Um' or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Outros'}" />
                                    <h:outputLabel for="numAnzolArmadilha" value="Número do anzol: "
                                                   rendered="#{formularioBean.renderedArmadilhaNumeroAnzol or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Espinhel' or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Caniço' or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Linha de Mão' or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Cambão'}" />
                                    <h:outputLabel for="tamanhoMalhaArmadilha" value="Tamanho da malha: "
                                                   rendered="#{formularioBean.renderedArmadilhaTamanhoMalha or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Tarrafa'}" />
                                    <h:outputLabel for="alturaArmadilha" value="Altura (m): "
                                                   rendered="#{formularioBean.renderedArmadilhaAltura or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Pari'}" />
                                    <h:outputLabel for="comprimentoArmadilha" value="Comprimento (m): "
                                                   rendered="#{formularioBean.renderedArmadilhaComprimento or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Puçá' or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Matapi'}" />
                                </p:column>
                                <p:column style="text-align:left">
                                    <p:inputText id="descricaoArmadilha" size="65"
                                                 value="#{formularioBean.formulario.armadilhaAssociativa.descricao}"
                                                 rendered="#{formularioBean.renderedArmadilhaDescricao or
                                                             formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Mais de Um' or
                                                             formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Outros'}"/>
                                    <pe:inputNumber id="numAnzolArmadilha" maxValue="100"
                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                    value="#{formularioBean.formulario.armadilhaAssociativa.numeroAnzol}"
                                                    rendered="#{formularioBean.renderedArmadilhaNumeroAnzol or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Espinhel' or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Caniço' or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Linha de Mão' or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Cambão'}"
                                                    onfocus="if(this.value === '0') value = ''" />
                                    <pe:inputNumber id="tamanhoMalhaArmadilha" maxValue="100"
                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                    value="#{formularioBean.formulario.armadilhaAssociativa.tamanhoMalha}"
                                                    rendered="#{formularioBean.renderedArmadilhaTamanhoMalha or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Tarrafa'}"
                                                    onfocus="if(this.value === '0') value = ''" />
                                    <pe:inputNumber id="alturaArmadilha" maxValue="100" symbol=" m" symbolPosition="s"
                                                    value="#{formularioBean.formulario.armadilhaAssociativa.altura}"
                                                    decimalPlaces="1" decimalSeparator="," thousandSeparator="."
                                                    rendered="#{formularioBean.renderedArmadilhaAltura or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Pari'}"
                                                    onfocus="if(this.value === '0,0 m') value = ''" />
                                    <pe:inputNumber id="comprimentoArmadilha" maxValue="100" symbol=" m" symbolPosition="s"
                                                    value="#{formularioBean.formulario.armadilhaAssociativa.comprimento}"
                                                    decimalPlaces="1" decimalSeparator="," thousandSeparator="."
                                                    rendered="#{formularioBean.renderedArmadilhaComprimento or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Puçá' or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Matapi'}"
                                                    onfocus="if(this.value === '0,0 m') value = ''" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="text-align:right">
                                    <h:outputLabel for="anzoisPorEspinhelArmadilha" value="Anzóis por espinhel: "
                                                   rendered="#{formularioBean.renderedArmadilhaAnzoisPorEspinhel or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Espinhel' or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Cambão'}"/>
                                    <h:outputLabel for="diametroArmadilha" value="Diâmetro (cm): "
                                                   rendered="#{formularioBean.renderedArmadilhaDiametro or
                                                               formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Linha de Mão'}"/>
                                </p:column>
                                <p:column style="text-align:left">
                                    <pe:inputNumber id="anzoisPorEspinhelArmadilha" maxValue="100"
                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                    value="#{formularioBean.formulario.armadilhaAssociativa.anzoisEspinhel}"
                                                    rendered="#{formularioBean.renderedArmadilhaAnzoisPorEspinhel or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Espinhel' or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Cambão'}"
                                                    onfocus="if(this.value === '0') value = ''" />
                                    <pe:inputNumber id="diametroArmadilha" maxValue="100" symbol=" cm" symbolPosition="s"
                                                    decimalPlaces="2" decimalSeparator="," thousandSeparator="."
                                                    value="#{formularioBean.formulario.armadilhaAssociativa.diamentro}"
                                                    rendered="#{formularioBean.renderedArmadilhaDiametro or
                                                                formularioBean.formulario.armadilhaAssociativa.armadilha.tipoArmadilha == 'Linha de Mão'}"
                                                    onfocus="if(this.value === '0,00 cm') value = ''" />
                                </p:column>
                            </p:row>
                        </p:panelGrid>
                    </p:tab>

                    <p:tab id="tab_pescado" title="Pescado">
                        <p:panelGrid id="panel_pescado" style="width:100%;margin-bottom: 20px">
                            <p:row>
                                <p:column colspan="2">
                                    <p:dataTable var="peixe" id="dataTablePescado"
                                                 value="#{formularioBean.formulario.peixeAssociativa}"
                                                 emptyMessage="Nenhum pescado." editable="true">
                                        <p:column headerText="Nº" width="5%">
                                            <p:cellEditor>
                                                <f:facet name="output">
                                                    <pe:inputNumber value="#{peixe.peixe.codigo}" styleClass="visualizaNumero"
                                                                    id="numeroPeixe" maxValue="999" disabled="true"
                                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator=".">
                                                    </pe:inputNumber>
                                                </f:facet>
                                                <f:facet name="input">
                                                    <pe:inputNumber value="#{peixe.peixe.codigo}" styleClass="visualizaNumero"
                                                                    id="numeroPeixeEdit" maxValue="999" disabled="true"
                                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator=".">
                                                    </pe:inputNumber>
                                                </f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column headerText="Pescado" width="15%">
                                            <p:cellEditor>
                                                <f:facet name="output">
                                                    <div style="text-align: left">
                                                        <h:outputText value="#{peixe.peixe.especie}" />
                                                    </div>
                                                </f:facet>
                                                <f:facet name="input">
                                                    <p:autoComplete id="nomePescadoEdit" var="peixeAutoComplete"
                                                                    value="#{peixe.peixe}" completeMethod="#{formularioBean.completePeixe}"
                                                                    itemLabel="#{peixeAutoComplete.especie}" itemValue="#{peixeAutoComplete}"
                                                                    converter="peixeConverter" forceSelection="true"
                                                                    onfocus="this.setSelectionRange(0, this.value.length)"
                                                                    required="true" requiredMessage="Campo Nome do Pescado Obrigatório!">
                                                        <p:ajax event="itemSelect" update="numeroPeixeEdit" />
                                                    </p:autoComplete>
                                                </f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column headerText="Quant.">
                                            <p:cellEditor>
                                                <f:facet name="output">
                                                    <div style="text-align: left">
                                                        <h:outputText value="#{peixe.numeroPeixes}"/>
                                                    </div>
                                                </f:facet>
                                                <f:facet name="input">
                                                    <pe:inputNumber id="quantidadePescadoEdit" maxValue="10000" decimalPlaces="0"
                                                                    value="#{peixe.numeroPeixes}"
                                                                    decimalSeparator="," thousandSeparator="." required="true"
                                                                    requiredMessage="Campo Quantidade do Pescado Obrigatório!"
                                                                    onfocus="if(this.value === '0') value = ''" />
                                                </f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column headerText="Peso">
                                            <p:cellEditor>
                                                <f:facet name="output">
                                                    <pe:inputNumber value="#{peixe.peso}" styleClass="visualizaNumero"
                                                                    id="pesoPescado" symbol=" Kg" symbolPosition="s" maxValue="999.99"
                                                                    decimalSeparator="," thousandSeparator="." disabled="true">
                                                    </pe:inputNumber>
                                                </f:facet>
                                                <f:facet name="input">
                                                    <pe:inputNumber id="pesoPescadoEdit" symbol=" Kg" symbolPosition="s"
                                                                    value="#{peixe.peso}"
                                                                    maxValue="999.99" decimalSeparator="," thousandSeparator="."
                                                                    required="true" requiredMessage="Campo Peso do Pescado Obrigatório!"
                                                                    onfocus="if(this.value === '0,00 Kg') value = ''">
                                                    </pe:inputNumber>
                                                </f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column headerText="Comp. padrão">
                                            <p:cellEditor>
                                                <f:facet name="output">
                                                    <pe:inputNumber value="#{peixe.comprimentoPadrao}" styleClass="visualizaNumero"
                                                                    id="comprimentoPadraoPescado" symbol=" mm" symbolPosition="s" decimalPlaces="0"
                                                                    maxValue="10000" decimalSeparator="," thousandSeparator="." disabled="true">
                                                    </pe:inputNumber>
                                                </f:facet>
                                                <f:facet name="input">
                                                    <pe:inputNumber id="comprimentoPadraoEdit" maxValue="999"
                                                                    value="#{peixe.comprimentoPadrao}"
                                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                                    symbol=" mm" symbolPosition="s" required="true"
                                                                    requiredMessage="Campo Comprimento Padrão Obrigatório!"
                                                                    onfocus="if(this.value === '0 mm') value = ''">
                                                    </pe:inputNumber>
                                                </f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column headerText="Comp.">
                                            <p:cellEditor>
                                                <f:facet name="output">
                                                    <pe:inputNumber value="#{peixe.comprimento}" styleClass="visualizaNumero"
                                                                    id="comprimentoPescado" symbol=" mm" symbolPosition="s" decimalPlaces="0"
                                                                    maxValue="10000" decimalSeparator="," thousandSeparator="." disabled="true">
                                                    </pe:inputNumber>
                                                </f:facet>
                                                <f:facet name="input">
                                                    <pe:inputNumber id="comprimentoEdit" maxValue="999"
                                                                    value="#{peixe.comprimento}"
                                                                    decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                                                    symbol=" mm" symbolPosition="s" required="true"
                                                                    requiredMessage="Campo Comprimento Obrigatório!"
                                                                    onfocus="if(this.value === '0 mm') value = ''">
                                                    </pe:inputNumber>
                                                </f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column headerText="Preço ao pescador">
                                            <p:cellEditor>
                                                <f:facet name="output">
                                                    <pe:inputNumber value="#{peixe.precoPescador}" styleClass="visualizaNumero"
                                                                    id="precoPescador" symbol="R$ " maxValue="999.99"
                                                                    decimalSeparator="," thousandSeparator="." disabled="true">
                                                    </pe:inputNumber>
                                                </f:facet>
                                                <f:facet name="input">
                                                    <pe:inputNumber value="#{peixe.precoPescador}"
                                                                    id="precoPescadorEdit" symbol="R$ " maxValue="999.99"
                                                                    decimalSeparator="," thousandSeparator="."
                                                                    required="true" requiredMessage="Campo Preço ao Pescador Obrigatório!"
                                                                    onfocus="if(this.value === 'R$ 0,00') value = ''">
                                                    </pe:inputNumber>
                                                </f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column headerText="Preço ao marreteiro">
                                            <p:cellEditor>
                                                <f:facet name="output">
                                                    <pe:inputNumber value="#{peixe.precoMarreteiro}" styleClass="visualizaNumero"
                                                                    id="precoMarreteiro" symbol="R$ " maxValue="999.99"
                                                                    decimalSeparator="," thousandSeparator="." disabled="true">
                                                    </pe:inputNumber>
                                                </f:facet>
                                                <f:facet name="input">
                                                    <pe:inputNumber value="#{peixe.precoMarreteiro}"
                                                                    id="precoMarreteiroEdit" symbol="R$ " maxValue="999.99"
                                                                    decimalSeparator="," thousandSeparator="."
                                                                    required="true" requiredMessage="Campo Preço ao Marreteiro Obrigatório!"
                                                                    onfocus="if(this.value === 'R$ 0,00') value = ''">
                                                    </pe:inputNumber>
                                                </f:facet>
                                            </p:cellEditor>
                                        </p:column>
                                        <p:column headerText="Opções" width="12%">
                                            <p:rowEditor />
                                            <p:commandLink actionListener="#{formularioBean.removePeixe(peixe)}"
                                                           ajax="false" update="dataTablePescado campoObrigatorio"
                                                           immediate="true">
                                                <span class="ui-icon ui-icon-trash"></span>
                                            </p:commandLink>
                                        </p:column>
                                    </p:dataTable>
                                </p:column> 
                            </p:row>         
                            <p:row>
                                <p:column style="text-align: right;width: 30%">
                                    <h:outputLabel value="Adicionar pescado: " />
                                </p:column>
                                <p:column style="text-align: left">
                                    <p:commandButton value="Adicionar" onclick="PF('dialogAdicionarPeso').show()" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="2" style="height: 30px;">
                                    
                                </p:column>
                            </p:row>
                            <f:facet name="footer">
                                <p:row>
                                    <p:column colspan="2">
                                        <div align="center">
                                            <p:commandButton ajax="false" action="#{formularioBean.criarFormulario()}"
                                                             value="Salvar Formulário" icon="ui-icon-check"
                                                             update="sucesso campoObrigatorio atencao"/>
                                        </div>
                                    </p:column>
                                </p:row>
                            </f:facet>
                        </p:panelGrid>
                    </p:tab>
                </p:tabView>
            </h:form>

            <!-- RODAPE -->
            <table id="table-footer">
                <ui:include src="/pages/template/footer.xhtml" />
            </table>
        </div>
        
        <p:dialog header="Adicionar Novo Pescado" resizable="false" draggable="false"
                  widgetVar="dialogAdicionarPeso" modal="true" id="AdicionarPeso"
                  onShow="document.getElementById('interface').className += ' modal';
                          document.body.className += ' modal-open'"
                  onHide="document.getElementById('interface').className =
                          document.getElementById('interface').className.replace(/(?:^|\s)modal(?!\S)/g , '');
                          document.body.className =
                          document.body.className.replace(/(?:^|\s)modal-open(?!\S)/g , '')">
            <h:form id="formAdicionarPescado">
                <p:panelGrid id="panelAdicionarPescado" style="text-align: center;margin: 8px 0px 8px 0px">
                    <p:row>
                        <p:column>
                            <h:outputLabel for="numeroPescadoNovo" value="Código do pescado:" />
                        </p:column>
                        <p:column>
                            <pe:inputNumber value="#{formularioBean.novoPeixe.peixe.codigo}" styleClass="visualizaNumero"
                                            id="numeroPescadoNovo" maxValue="999" disabled="true"
                                            decimalPlaces="0" decimalSeparator="," thousandSeparator=".">
                            </pe:inputNumber>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputLabel for="nomePescadoNovo" value="Nome do pescado: *" />
                        </p:column>
                        <p:column>
                            <p:autoComplete var="peixeAutoComplete" value="#{formularioBean.novoPeixe.peixe}"
                                            completeMethod="#{formularioBean.completePeixe}" forceSelection="true"
                                            itemLabel="#{peixeAutoComplete.especie}" itemValue="#{peixeAutoComplete}" converter="peixeConverter"
                                            id="nomePescadoNovo" required="true" requiredMessage="Campo Nome do Pescado Obrigatório!">
                                <p:ajax event="itemSelect" update="numeroPescadoNovo" />
                            </p:autoComplete>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputLabel for="quantidadePescado" value="Quantidade:" />
                        </p:column>
                        <p:column>
                            <pe:inputNumber id="quantidadePescado" maxValue="10000" decimalPlaces="0"
                                            value="#{formularioBean.novoPeixe.numeroPeixes}"
                                            decimalSeparator="," thousandSeparator="."
                                            required="true" requiredMessage="Campo Quantidade do Pescado Obrigatório!"
                                            onfocus="if(this.value === '0') value = ''" />
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputLabel for="pesoPescadoNovo" value="Peso (Kg):" />
                        </p:column>
                        <p:column>
                            <pe:inputNumber id="pesoPescadoNovo" symbol=" Kg" symbolPosition="s"
                                            value="#{formularioBean.novoPeixe.peso}"
                                            maxValue="999.99" decimalSeparator="," thousandSeparator="."
                                            required="true" requiredMessage="Campo Peso do Pescado Obrigatório!"
                                            onfocus="if(this.value === '0,00 Kg') value = ''">
                            </pe:inputNumber>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputLabel for="comprimentoPadrao" value="Comprimento padrão (mm):" />
                        </p:column>
                        <p:column>
                            <pe:inputNumber id="comprimentoPadrao" maxValue="999"
                                            value="#{formularioBean.novoPeixe.comprimentoPadrao}"
                                            decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                            symbol=" mm" symbolPosition="s" required="true"
                                            requiredMessage="Campo Comprimento Padrão Obrigatório!"
                                            onfocus="if(this.value === '0 mm') value = ''">
                            </pe:inputNumber>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputLabel for="comprimentoNovo" value="Comprimento (mm):" />
                        </p:column>
                        <p:column>
                            <pe:inputNumber id="comprimentoNovo" maxValue="999"
                                            value="#{formularioBean.novoPeixe.comprimento}"
                                            decimalPlaces="0" decimalSeparator="," thousandSeparator="."
                                            symbol=" mm" symbolPosition="s" required="true"
                                            requiredMessage="Campo Comprimento Obrigatório!"
                                            onfocus="if(this.value === '0 mm') value = ''">
                            </pe:inputNumber>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputLabel for="precoPescador" value="Preço ao pescador:" />
                        </p:column>
                        <p:column>
                            <pe:inputNumber value="#{formularioBean.novoPeixe.precoPescador}"
                                            id="precoPescador" symbol="R$ " maxValue="999.99"
                                            decimalSeparator="," thousandSeparator="." required="true"
                                            requiredMessage="Campo Preço ao Pescador Obrigatório!"
                                            onfocus="if(this.value === 'R$ 0,00') value = ''">
                            </pe:inputNumber>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputLabel for="precoMarreteiro" value="Preço ao marreteiro:" />
                        </p:column>
                        <p:column>
                            <pe:inputNumber value="#{formularioBean.novoPeixe.precoMarreteiro}"
                                            id="precoMarreteiro" symbol="R$ " maxValue="999.99"
                                            decimalSeparator="," thousandSeparator="." required="true"
                                            requiredMessage="Campo Preço ao Marreteiro Obrigatório!"
                                            onfocus="if(this.value === 'R$ 0,00') value = ''">
                            </pe:inputNumber>
                        </p:column>
                    </p:row>
                    <f:facet name="footer">
                        <p:row>
                            <p:column colspan="2" styleClass="ui-widget-footer">
                                <div align="center">
                                    <p:commandButton value="Adicionar" actionListener="#{formularioBean.adicionarPeixe()}"
                                                     ajax="false" oncomplete="PF('dialogAdicionarPeso').hide()" />
                                </div>
                            </p:column>
                        </p:row>
                    </f:facet>
                </p:panelGrid>
            </h:form>
        </p:dialog>

    </h:body>
</html>
